#thanks{
    left: 30%;
    top: 16%;
    position: absolute;
    color: red;
}
.signOnTitle{
    right:850px;
    position:absolute;
}
.signOnText{
    right:680px;
    position:absolute;
    border-color: #6699ff;
    border-radius: 20px;
}
.signOnErrorMsg{
    left:700px;
    position:absolute;
    color:red;
    font-size: 15px;
}
.signOnOkMsg{
    left:700px;
    position:absolute;
    color:green;
    font-size: 15px;
}
#signOnSubmit{
    top:395px;
    left: 1000px;
    width: 100px;
    position:absolute;
}
.newAccountFormText,.editAccountFormText{
    border-color:#6699ff;
    border-radius: 20px;
}
#newAccountFormTextCode{
    left:615px;
    position: absolute;
}
#accountFieldsTab input,select{
    border-color:#6699ff;
    border-radius: 20px;
}
.newAccountFormOkMsg{
    color:green;
    font-size: 15px;
}
.newAccountFormErrorMsg{
    color:red;
    font-size: 15px;
}

body {
    margin: 0ex 10ex 0ex 10ex;
    padding: 0ex;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 2ex;
    color: #333;
    background-color: #444;
}
#StartContent{
    left: 20%;
    position: relative;
    width: 60%;
    height: 60%;
    color: #333;
    border-radius: 25px;
    background-color:lightskyblue;
}
#StartContent h2{
    left: 32%;
    position: relative;
}
#StartContent p{
    left: 40%;
    position: relative;
}
#startBody{
    background-color: #6699ff;
    /* 弹性布局 让页面元素垂直+水平居中 */
    display: flex;
    /* 让页面始终占浏览器总高 */
    height: 100vh;
    /* 视距 增加盒子的立体感 */
    perspective: 1000px;
}
section {
    /* 相对定位 */
    left: 45%;
    top:30%;
    position: absolute;
    width: 150px;
    height: 150px;
    /* 让子元素保留其3D位置 */
    transform-style: preserve-3d;
    /* 动画 名称 时长 linear 是匀速运动 infinite是无限次播放 */
    animation: rotate 5s linear infinite;
}
section div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all 1s;
}
section div img {
    width: 100%;
    height: 100%;
}
section div:nth-child(1) {
    transform: translateZ(75px);
}
section:hover div:nth-child(1) {
    transform: translateZ(200px);
}
section div:nth-child(2) {
    transform: rotateX(-180deg) translateZ(75px);
}
section:hover div:nth-child(2) {
    transform: rotateX(-180deg) translateZ(200px);
}
section div:nth-child(3) {
    transform: rotateX(90deg) translateZ(75px);
}
section:hover div:nth-child(3) {
    transform: rotateX(90deg) translateZ(200px);
}
section div:nth-child(4) {
    transform: rotateX(-90deg) translateZ(75px);
}
section:hover div:nth-child(4) {
    transform: rotateX(-90deg) translateZ(200px);
}
section div:nth-child(5) {
    transform: rotateY(90deg) translateZ(75px);
}
section:hover div:nth-child(5) {
    transform: rotateY(90deg) translateZ(200px);
}
section div:nth-child(6) {
    transform: rotateY(-90deg) translateZ(75px);
}
section:hover div:nth-child(6) {
    transform: rotateY(-90deg) translateZ(200px);
}
section div:nth-child(7) {
    transform: translateZ(75px);
}
section div:nth-child(8) {
    transform: rotateX(-180deg) translateZ(75px);
}
section div:nth-child(9) {
    transform: rotateX(90deg) translateZ(75px);
}
section div:nth-child(10) {
    transform: rotateX(-90deg) translateZ(75px);
}
section div:nth-child(11) {
    transform: rotateY(90deg) translateZ(75px);
}
section div:nth-child(12) {
    transform: rotateY(-90deg) translateZ(75px);
}

@keyframes rotate {
    0% {
        transform: rotateY(0) rotateX(0);
    }
    100% {
        transform: rotateY(360deg) rotateX(360deg);
    }
}
pre {
    font-family: "Courier New", Courier, mono;

    font-style: normal;
    background-color: #FFFFFF;
    white-space: pre
}

h1 {
    margin: 1ex 0ex 1ex 0ex;
    padding: 0ex;

    line-height: 3ex;
    font-weight: 900;
    color: #666;
}

h2 {
    margin: 2ex 0ex 1ex 0ex;
    padding: 0ex;

    line-height: 2ex;
    font-weight: 700;
    color: #444;
}

h3 {
    margin: 1ex 0ex 1ex 0ex;
    padding: 0ex;

    line-height: 1.6ex;
    font-weight: 700;
    color: #222;
}

p {
    font-family: helvetica, tahoma, arial, verdana, sans-serif;

    margin: 0ex 0ex 0ex 0ex;
    padding: 2ex;
}

img {
    border: 0;
}

li {
    font-family: helvetica, tahoma, arial, verdana, sans-serif;

    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex;
}

table {
    border-width: 0;
    empty-cells: show;
}
td, th {
    empty-cells: show;
    padding: .3ex .3ex;
    vertical-align: top;
    text-align: left;
    border-width: 0;
    border-spacing: 0;
}
#mainDisplayInf td,th{
    background-color: #e2e2e2;
}
.cartSelect{
    width: 100px;
}
#comfirmOrderTable td,th{
    background-color: #e2e2e2;
}
.newOrderFormTable td,th{
    background-color: #e2e2e2;
}
.newOrderFormTable{
    top:40px;
    right:23%;
    position:relative;
}
#newOrderSubmit{
    top:500px;
    position: absolute;
}
#cartTable td,th{
    background-color: #e2e2e2;
}
#listOrderTable td,th{
    background-color: #e2e2e2;
}
#lastTable td,th{
    background-color: #e2e2e2;
}
#viewOrderTable td,th{
    background-color: #e2e2e2;
}

th {
    font-weight: bold;
    background-color: #e2e2e2;
}
#viewOrderTable2 td,th{
    background-color: #e2e2e2;
}

a, a:visited, a:link {
    color: #039;

    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
}

a:hover {
    color: #69f;
}

a.Button, a.Button:link, a.Button:visited {
    padding: .3ex;
    color: #fff;
    background-color: #005e21;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 1.5ex;
    border-radius: 25px;
}

a.Button:hover {
    color: #000;
    background-color: #54c07a;
    cursor: pointer;
}
#comfirmBut{
    font-size: 2ex;
}

#Logo {
    width: 33%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
}

body>#Logo {
    height: 9ex;
}

#Menu {
    width: 33%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #eaac00;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    text-align: center;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
}

#Menu, #Menu a, #Menu a:link, #Menu a:visited, #Menu a:hover {
    color: #eaac00;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
}

body>#Menu {
    height: 9ex;
}

{
}

#Search {
    width: 33%;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: 0ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    text-align: center;
    background-color: #000;
    color: #eaac00;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
}

body>#Search {
    height: 9ex;
}

#Search input {
    border-width: .1ex .1ex .1ex .1ex;
    border-style: solid;
    border-color: #aaa;
    background-color: #666;
    color: #eaac00;
}
#Search input[type="submit"]:hover {
    background-color: #77C010;
    /*变成手形状*/
    cursor:pointer;
}

#QuickLinks {
    text-align: center;
    background-color: #FFF;
    width: 99%;
}

#PoweredBy {
    width: 30%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: .3ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
}

body>#PoweredBy {
    height: 9ex;
}

#Banner {
    width: 69%;
    height: 9ex;
    margin: 0ex 0ex 0ex 0ex;
    padding: 0ex 0ex 0ex 0ex;
    border-width: .3ex 0ex .3ex 0px;
    border-style: solid;
    border-color: #ccc;
    float: left;
    background-color: #000;
    color: #fff;
    line-height: 9ex;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 9ex;
}

body>#Banner {
    height: 9ex;
}

#Content {
    margin: 0;
    padding: 0ex 0ex 0ex 0ex;
    width: 99%;
    color: #333;
    background-color: #FFF;
    border-width: 0;
}

#Separator {
    /*规定图像的左侧和右侧都不允许出现浮动元素*/
    clear:both;
    margin: 0;
    height:0;
}

#Main {
    margin: 0;
    padding: 1ex;
    color: #333;
    background-color: #FFF;
    border-width: 1ex 0ex 2ex 0px;
    border-style: solid;
    border-color: #fff;
}

#Sidebar {
    float: left;
    background:inherit;
    width: 30%;
}

#MainImage {
    float: left;
    background:inherit;
    text-align:center;
    width: 70%;
}
#mainDisplayInf{
    top: 25%;
    left: 75%;
    position: absolute;
    border: solid black;
    display: none;
}

#Catalog {
    padding: 1ex;
    background:inherit;
    text-align:center;
}

#Catalog input[type="submit"]{
    padding: .3ex;
    color: #fff;
    background-color: #005e21;
    text-decoration: none;
    font-family: helvetica, tahoma, arial, verdana, sans-serif;
    font-size: 1.5ex;
    border-radius: 25px;
    width:100px;
    border-width:0;
}
#Catalog input[type="submit"]:hover {
    color: #000;
    background-color: #54c07a;
    cursor:pointer;
}

#Catalog table{
    margin-left:auto;
    margin-right:auto;
}

#BackLink{
    padding: 1ex;
    float: right;
    border-width: .1ex 0ex .1ex 0px;
    border-color: #000;
}
#LookOrderList{
    left:78%;
    top: 16.1%;
    position: absolute;
}

#Cart{
    width: 69.99%;
    float: left;
    background-color:#fff;
}

#MyList{
    width: 30%;
    float: left;
    background-color:#ccc;
    text-align:left;
}
.tab-nav li{
    float: left;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius:5px;
    background-color: #e2e2e2;
    color:blue;
    cursor: pointer;
    display: flex;
    left:25%;
    position:relative;
    overflow: hidden;
    width: 200px;
    margin-right: 5px;
    /*透明度*/
    opacity: 0.5;
    transition: all 0.5s;

    border-bottom: 1px solid #eee;  padding: 5px 1px; /*左右边padding一个像素*/
    border-left: 1px solid #ccc; /*左右边border*/
    border-right: 1px solid #ccc;font-weight: bolder;
}
#description{
    text-align: center;
    color:#B757FF;
    top:20px;
    position: relative;
}
li.tabNav-active{
    opacity: 1;
}
div.tabBox {
    display: none;
}
#PaymentDetails{
    display: block;
}
.newOrderDiv{
    height: 400px;
}
#ItemSale{
    color:red;
}